<template>
  <div class="promotion-main" >
    <!-- 一个table做成的图表 -->
    <div id="right-city-bar"></div>
    <div id="right-education-pie"></div>
    <!-- 可能做一个职位信息的展示列表 -->
    <!-- <ul class="rec-job-list"></ul> -->
  </div>
</template>

<script setup>
  import { useUserStore } from '@/store/modules/user';
  import * as echarts from 'echarts'
  import { storeToRefs } from 'pinia'
  const userStore = useUserStore();
  const { knowledgeGraphDataSelected } = storeToRefs(userStore);
  const getKnowledgeGraphDataById = userStore.getKnowledgeGraphDataById;
  console.log(knowledgeGraphDataSelected.value);
  onMounted(() => {
  getKnowledgeGraphDataById('');
    renderChartBar();
    renderChartPie();
  })


</script>

<style scoped>
.promotion-main{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #201527;
  border-radius: 10px;
  border:3px solid #201527;
  box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}
#right-city-bar{
  background-color: #201527;
  height: 100%;
  width: 50%;
}
#right-education-pie{
  background-color: #201527;
  height: 100%;
  width: 50%;
}
</style>